<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车--小米商城</title>
    <link rel="stylesheet" href="./css/come.css">
    <link rel="stylesheet" href="./css/dome05.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3191982_js3bn0xi34a.css">
    <script src="../dist/boostrap/js/jquery.js"></script>
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"> </script>
    <script src="./js/dome05.js"></script>
    <script src="./js/jquery.js"></script>

</head>
<body>
    <!-- 第一部分 -->
<div class="header">
    <div class="center">
        <img src="./images/logo-mi2.png" alt="">
        <h2>我的购物车</h2>
        <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
        <ul>
            <li class="head-li"><a href="">个人中心 &nbsp;&nbsp;<span class="iconfont icon-xiangxia"></span></a>
            <div class="h-hide">
                <ul>
                    <li><a href="">个人中心</a></li>
                    <li><a href="">评价晒单</a></li>
                    <li><a href="">我的喜欢</a></li>
                    <li><a href="">小米账户</a></li>
                    <li><a href="">退出登录</a></li>

                </ul>
            </div></li>
            <span>|</span>
            <li><a href="">我的订单</a></li>
        </ul>
    </div>
</div>
<!-- 第二部分 -->
    <div class="pro">
        <div class="center">
            <table class="five" rules="rows">
                <tr>
                    <td>
                        <input type="checkbox" class="allcheck">全选
                    </td>
                    <td colspan="2">商品名称</td>
                    <!-- <td></td> -->
                    <td>单价</td>
                    <td>数量</td>
                    <td>小计</td>
                    <td>操作</td>
                </tr>
                <!-- <tr class="trs">
                    <td><input type="checkbox" class="check"></td>
                    <td colspan="2">
                        <img src="./images/do5.01.webp" alt="">	
                        <b>Redmi K40S 8GB+128GB 亮黑</b>
                    </td>
                    <td>1999元</td>
                    <td>
                        <div>
                            <span class="iconfont icon-jianhao minus"></span>
                                    <input type="number" value="1" max="100" min="1" class="num">

                         <span class="iconfont icon-jiahao plus"></span>
                        </div>
                    </td>
                    <td style="color: #FF5C00;">1999元</td>
                    <td class="lasttd">
                                <span class="iconfont icon-cuohao guanbi"></span>
                    </td>
                </tr> -->
            </table>
            <div class="pro-a">
                <a href="">继续购物</a>
                <b> &nbsp;|&nbsp;已选择<i>0</i>件</b>
                <a href="" class="pro-b">去结算</a>
                <span>
                    合计: <i>0</i>元
                   
                </span>
             
            </div>
            <div class="pro-c">
               
                    <div class="left"></div>
                    <div class="middle">
                        <h2>买购物车中商品的人还买了</h2>
                    </div>
                    <div class="right"></div>
                </div>
            <div class="pro-d clear">
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/do.08.webp" alt="">
                            <p>Redmi 10A</p>
                            <p><i>699元</i></p>
                            <p><span>8641人好评</span></p>
                            

                        </a>
                        <div class="show-hide">
                            <a href="">加入购物车</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<!-- 第三部分 -->
<!--  footer -->
<div class="footer clear">
    <div class="foo-top">
        <div class="center">
<div class="foo-roof">
    <a href="">
        <span class="iconfont icon-banshou"></span>
        预约维修服务
    </a>
    <span>|</span>
    <a href="">
        <span class="iconfont icon-7tiantuihuo"></span>
        7天无理由退货
    </a>
    <span>|</span>
    <a href="">
        <span class="iconfont icon-tianbaotui"></span>
       15天免费换货
    </a>
    <span>|</span>
    <a href="">
        <span class="iconfont icon-liwu"></span>
        满69元包邮
    </a>
    <span>|</span>
    <a href="">
        <span class="iconfont icon-weizhi"></span>
        520余家售后网点
    </a>
   
</div>
<div class="foo-base">
    <ul>
        <li><h1>帮助中心</h1></li>
        <li><a href="">账户管理</a></li>
        <li><a href="">购物指南</a></li>
        <li><a href="">订单操作</a></li>

    </ul>
    <ul>
        <li><h1>服务支持</h1></li>
        <li><a href="">售后政策</a></li>
        <li><a href="">自助服务</a></li>
        <li><a href="">相关下载</a></li>

    </ul>
    <ul>
        <li><h1>线下门店</h1></li>
        <li><a href="">小米之家</a></li>
        <li><a href="">服务网点</a></li>
        <li><a href="">授权体验店/专区</a></li>

    </ul>
    <ul>
        <li><h1>关于小米</h1></li>
        <li><a href="">了解小米</a></li>
        <li><a href="">加入小米</a></li>
        <li><a href="">投资者关系</a></li>
        <li><a href="">企业社会责任</a></li>
        <li><a href="">廉洁举报</a></li>

    </ul>
    <ul>
        <li><h1>关注我们</h1></li>
        <li><a href="">新浪微博</a></li>
        <li><a href="">官方微信</a></li>
        <li><a href="">联系我们</a></li>
        <li><a href="">公益基金会</a></li>

    </ul>
    <ul>
        <li><h1>特色服务</h1></li>
        <li><a href="">F 码通道</a></li>
        <li><a href="">礼物码</a></li>
        <li><a href="">防伪查询</a></li>

    </ul>
    <div class="foo-base-right">
        <p>
            400-100-5678
        </p>
        <p>8:00-18:00 (仅收市话费)</p>
      <p>
        <a href="">
            <span class="iconfont icon-xiaoxi1"></span>
            人工客服
        </a>
      </p>
      <p>关注小米：
          <a href=""><span class="iconfont icon-weibo"></span></a>
          <a href=""><span class="iconfont icon-weixin"></span></a>
      </p>
    </div>


</div>
        </div>
    </div>

</div>

<!-- 底部 -->
<div class="footer-bottom">
    <div class="center">
       <div class="foo-bot-left">
           <img src="./images/logo-mi2.png" alt="">
       </div>
       <div class="foo-bot-right">
           <p>
               <a href="">小米商城</a>
               <span>|</span>
               <a href="">MIUI</a>
               <span>|</span> <a href="">米家</a>
               <span>|</span> <a href="">米聊</a>
               <span>|</span> <a href="">多看</a>
               <span>|</span> <a href="">游戏</a>
               <span>|</span> <a href="">政企服务</a>
               <span>|</span> <a href="">小米天猫店</a>
               <span>|</span> <a href="">小米集团隐私政策</a>
               <span>|</span> <a href="">小米公司儿童信息保护规则</a>
               <span>|</span> <a href="">小米商城隐私政策</a>
               <span>|</span> <a href="">小米商城用户协议</a>
               <span>|</span> <a href="">问题反馈</a>
               <span>|</span> <a href="">Select Location</a>
              
           </p>
           <p>
            <a href="">北京互联网法院法律服务工作站</a>
            <span>|</span>
            <a href="">中国消费协会</a>
            <span>|</span> <a href="">北京市消费协会</a>
           </p>
           <p>
               &copy;
               <a href="">mi.com</a>
                京ICP证110507号 
                <a href="">京ICP备10046444号</a>
                <a href=""> 京公网安备11010802020134号 </a>
                <a href="">京网文[2020]0276-042号</a>
           </p>
           <p>
               <a href="">(京)网械平台备字(2018)第00005号 </a>
            <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
             <a href="">营业执照</a> <a href="">医疗器械质量公告</a>

           </p>
           <p>
               <a href="">增值电信业务许可证</a>
                网络食品经营备案 京食药网食备202010048   
               <a href="">食品经营许可证</a>
           </p>
           <p>
            违法和不良信息举报电话:171-5104-4404 <a href="">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
           </p>
          <div>
              <p>让全球每个人都能享受科技带来的美好生活</p>
          </div>
       </div>

    </div>
</div>


<script>
        $(function () {
    //   $('.check').on('click', function () {
    //     console.log($(this).attr('checked'));   // attr函数 无法获得 隐藏的布尔属性
    //     $(selector).prop(); // 用于获得或设置隐藏的布尔属性
    //     console.log($(this).prop('checked'));
    //   }); 

      const items = $('.check');
      const allcheck = $('.allcheck');

      allcheck.on('click', function () {
        items.prop('checked', $(this).prop('checked'));
      });

      function isAllCheck() {
        const elms = Array.from(items);
        return elms.every(el => $(el).prop('checked'));
      }

      items.on('click', function () {
        allcheck.prop('checked', isAllCheck());
      });
     });
</script>


<script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" 
integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
crossorigin="anonymous"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
 integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" 
 crossorigin="anonymous"></script>


</body>
</html>